.floating-cell {
  display: flex;
  flex-direction: column;
  height: 100%;
  backdrop-filter: blur(4px);

  --number-0-1: 0;
  transition: --number-0-1 0s;

  // transition: --number-0-1 var(--duration);

  &:hover {
    transition: --number-0-1 var(--duration);
    --number-0-1: 1;
  }

  &> :first-child {
    flex-shrink: 0;
  }

  .content-wrapper {
    padding: 0px 0px;
    flex-grow: 1;
    min-height: 0;
  }

  &.left-side {
    background: linear-gradient(to right, rgba(4, 55, 106, 0.95) 45%, rgba(4, 55, 106, 0.4) 100%);
  }

  &.right-side {
    background: linear-gradient(to left, rgba(4, 55, 106, 0.95) 45%, rgba(4, 55, 106, 0.4) 100%);
  }
}